@charset "utf-8";

.engine_box{
    overflow: hidden;
    padding: 105px 15px 99px;
    background-image: url(../img/9.png);
    background-repeat:no-repeat;
    background-position:right 15.3% top 137px;
    background-color: #fbfaf7;
    .engine_content{
        h2{
            font-size: 48px;
            font-size: bold;
            color: #0078d7;
            
        }
        
        h3{
            font-size: 30px;
            font-weight: normal;
            color: #666666;
            line-height: 107px;
            margin: 34px 0 79px;
        }
        
        .engine_detail{
            margin-bottom: 47px;
            
            
            p{
                font-size: 20px;
                color: #333333;
            }
            span{
                font-size: 14px;
                color: #666666;
            }
            
        }
    }
    
}

.engine_tu{
    overflow: hidden;
    background-image: url(../img/10.jpg);
    background-position:left 15.3% top 185px;
    
    .yshi{
        h2{
            color: #8fc31f;
            line-height: 94px;
            margin-bottom: 34px;
            
        }
        .gedu{
            margin-bottom: 0;
            
            .xia{
                margin-top: 13px;
                p{
                    margin-top: 13px;
                    color: #666666;
                    font-size: 14px;
                    margin-left: -10px;
                };
            } 
        }
    }   
}



.three{
    overflow: hidden;
    background-image: none;
    background-color: #0079d7;
    h4{
        text-align: center;
        font-size: 48.45px;
        font-weight: normal;
        line-height: 107px;
        margin: 34px 0 79px;
        color: #FFFFFF;
    }
    .xia1{
       
        .xia2{
            margin-bottom: 25px;
            padding: 10px 0 10px;
        }
        
        
        
    }

   
}
.game_box{
    width: 970px;
    overflow: hidden;
    margin: 0 auto;
   .game_1{
       width: 100%;
       margin-top: 85px;
       margin-bottom: 44px;
      .game_tao{
          .tao1{
              float: left;
               display: inline-block;
              font-size: 34.65px;
              position: relative;
                left: 30px;
                     }
          .tao2{
              float: right;
             display: inline-block;
             
             
        }
         
      }    
     }   
    .game_zhong{
        overflow: hidden;
        float: left;
        img{width: 100%;}
        
    .game_zhong1{
        float: right;
        display: inline-block;height: 108px;
        text-align: center;
        a{
            font-size: 0;
            img{width: 100%;}
            p{font-size: 14px;}
        }
        
        
    }    
        
    }   
 }
.foo_box{
    width: 100%;
    margin: 0 auto;
    background-color: #f4f4f4;
    margin-top: 23px;
    height: 335px;
    .foo_h2{
        width: 970px;
        margin: 0 auto;
        
        .foo_hezui{
             p{
            font-size: 30px;
            color: #2a2a2a;
            display: inline-block;
            margin-top: 30px;
            font-family: "微软雅黑";
        }
        span{
            font-size: 11.21px;
            color: #777777;
        }
        }
    .foo_img{
        height: 66px;
        float: left;
        margin-left: 12px;
        margin-bottom: 15px;
        overflow: hidden;
     
    }    
    }
    
}

 .footer_box{
     width: 100%;
     margin: 0 auto;
     background-color: #3b3b3b;
     font-size: 0;
    .footer_hao{
        width: 970px;
        margin: auto;
        padding-top: 35px;
        
        a{
            list-style: none;
            span{
                font-size: 14px;
                color: #A1A3AB;
            }
            
        }
        
        .footer_r{
            float: right;
           
        }
        
        
        
        
        
        
        
        
        
        p{
            padding-bottom: 36px;
            font-size: 11.19px;
            color: #a1a3ab;
        }
        
    } 
     
     
     
 }










@media only screen and (min-width:992px) and (max-width:1199px){
    .engine_box .engine_content .engine_detail p{
        font-size: 18px;
    } 
}


@media only screen and (min-width:768px) and (max-width:991px){
    .engine_box{
        background-image:none;
        h2,h3{
            text-align: center;
        }
    }
    
    
}

@media only screen and (min-width:0px) and (max-width:767px){
    .engine_box{
        background-image:none;
        h2,h3{
            text-align: center;
        }
       
    }
    
    
}



















